<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 定义变量 */
			:root{
				--mycolor:#0f0;
			}
			#d1{
				width: 300px;
				height: 200px;
				border: 1px solid red;
				text-align: justify;
				column-count: 2;
				column-gap: 10px;
				column-rule:  2px dashed red ;
				resize: both;
				margin: 100px auto;
				outline: 10px dotted  var(--mycolor) ;
				outline-offset: 10px;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			jquery瀑布流布局(masonry.js) 原文地址为:jquery瀑布流布局(masonry.js) 这样参差不齐的多栏布局,叫“方砖石布局”,和“瀑布流布局”,很多网站都有使用这样的布局,比如:淘宝的哇哦...
			jquery瀑布流布局(masonry.js) 原文地址为:jquery瀑布流布局
			(masonry.js) 这样参差不齐的多栏布局,叫“方砖石布局”
		</div>
		
		
		
	</body>
</html>